html,body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow: hidden;
}

.header{
    width:100%;
    height:60px;
    line-height: 60px;
    background:#fff;
    position: fixed;
    left:0;
    top:0;
    border-bottom: 2px solid #0cb7eb;
}
.logo{
    position: absolute;
    left:20px;
    font-size:31px;
    color:#0cb7eb;
    font-weight:bold;
    cursor: pointer;
}
.bigMenu{
    position: absolute;
    top:0px;
    right:200px;
    display: none;
}
.settings{
    position: absolute;
    right:10px;
    width:120px;
    height:50px;
    top:0px;
    cursor: pointer;
}

section{
    width:100%;
    position: absolute;
    top:60px;
    left:0;
    right:0;
    bottom:0;
}

.menu{
    width:200px;
    position: absolute;
    left:0;
    right:250px;
    top:0px;
    bottom:0;
    border-right: solid 2px #0cb7eb;
    border-top: 2px solid #0cb7eb;
    overflow-x: hidden;
    overflow-y: auto;
}
.menu ul{
    border-right:none;
}
.switchMenu{
    position: absolute;
    left:220px;
    height:60px;
    cursor: pointer;
}
.switchMenu:hover{
    color:#0cb7eb;
}
.content{
    position: absolute;
    left:202px;
    top:2px;
    right:0;
    bottom:0;
    padding: 15px 10px;
    overflow:auto;
}

.api-dialog-tips .el-dialog__body{padding: 0px 20px;}
